$(function () {

  // 点击“去注册账号”的链接

  $("#link_reg").on("click", function () {
    $(".login-box").hide()
    $(".reg-box").show()
  })

  // 点击“去登录”的链接
  $("#link_login").on("click", function () {
    $(".login-box").show()
    $(".reg-box").hide()
  })

  // 从layUI中获取form对象
  var form = layui.form
  // 通过form.verify()函数自定义校验规则
  form.verify({
    // 自定义了一个叫做pwd的校验规则
    pwd: [
      /^[\S]{6,12}$/
      , '密码必须6到12位，且不能出现空格'
    ],
    // 校验两次密码是否一致的规则
    repwd: function (value) {
      var pwd = $(".reg-box [name=password]").val()
      if (pwd != value) {
        return "两次密码不一致"
      }
    }
  })


  // 注册ajax
  const layer = layui.layer
  $("#formReg").on("submit", function (e) {
    e.preventDefault()
    axios({
      url: '/api/reguser',
      method: 'post',
      data: $(this).serialize()

    }).then(res => {
      //成功回调
      // console.log(res)
      if (res.data.status != 0) {
        return layer.msg(res.data.message);
      }
      // 成功提示
      layer.msg("恭喜你,注册用户成功")
      $("#formReg")[0].reset()
      // 切换显示登录表单
      $("#link_login").click()

    });

  })

  // 登录Ajax
  $("#formLogin").on("submit", function (e) {
    e.preventDefault()
    axios({
      url: '/api/login',
      method: 'post',
      data: $(this).serialize()

    }).then(res => {
      //成功回调
      // console.log(res)
      if (res.data.status != 0) {
        return layer.msg(res.data.message);
      }
      // 成功提示
      layer.msg("恭喜你,登录成功")
      // 保存TOKEN
      localStorage.setItem("token", res.data.token)

      // 跳转到首页
      location.href = "/index.html"

    });

  })


})